import styled from "styled-components";

export const GoodsOrderInfoWrapper = styled.div`
  padding: 20px 0;
  .ant-row {
    padding: 10px;
  }
  .basic-row {
    background-color: rgb(251, 252, 253);
  }
  .comment-row {
    background-color: rgb(242, 247, 255);
  }

  .title {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 550;
    color: #434343;
  }
  img {
    width: 100%;
  }
  .name {
    padding: 0 10px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .unit {
  }
  .comment {
    display: flex;
    .comment-title {
      white-space: nowrap;
    }
    .TextArea{
        flex: 1 ;
    }
  }
  .totalPrice {
    color: rgb(252, 85, 49);
    text-align: right;
  }
  .price-info {
    .total {
      text-align: right;
      span {
        color: rgb(252, 85, 49);
      }
    }
  }
  .current-price-info {
    /* border: 1px solid rgb(252, 85, 49); */
    .total {
      padding: 6px;
      text-align: right;
      border: 1px solid rgb(252, 85, 49);
      span {
        color: rgb(252, 85, 49);
        font-size: 28px;
        font-weight: 560;
      }
    }
    .submin-wrap {
      text-align: right;
      .submin-btn {
        background-color: rgb(252, 85, 49);
        color: white !important;
        width: 45%;
      }
    }
  }
`;
